import React, { FC } from 'react'
import { Typography, Input } from 'antd'
import { QuestInputPropsType, QuestInputDefaultProps } from './interface'
const { Paragraph } = Typography
const QuestionInput: FC<QuestInputPropsType> = (props: QuestInputPropsType) => {
  const { title = '', placeholder = '' } = { ...QuestInputDefaultProps, ...props }
  return (
    <div>
      <Paragraph strong>
        {title}
        <Input placeholder={placeholder} />
      </Paragraph>
    </div>
  )
}

export default QuestionInput
